<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>article</title>
		<link rel="stylesheet" type="text/css" href="css/common/reset.css" />
		<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_608994_4kcbq06cu3anhfr.css" />
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css" />
		<link rel="stylesheet" type="text/css" href="css/common/common.css" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<script src="js/common.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="css/article.css" />
	</head>

	<body>
		<input type="checkbox" name="s_search" id="s_search" value="" />
		<div class="indexM">
			<header>
				<label for="login"><i class="iconfont icon-caidan fll"></i></label>
				<label for="s_search"><i class="iconfont icon-sousuo frr"></i></label>
				<div class="logo"><img src="img/logo.png" /></div>
			</header>
			<!--轮播-->
			<div class="swiper-container kv">
				<!--图片-->
				<ul class="swiper-wrapper lunbo">
					<li class="swiper-slide">
						<a href=""><img src="img/lunbo.jpg" /></a>
						<div class="news">
							<p class="newsInfo">省广股份携手阿里妈妈举行DT大时代 全息营销省广股份携手阿里妈妈举行DT大时代 全息营销</p>
							<div>
								<span><i class="iconfont icon-bqxin">120</i></span>
								<span><i class="iconfont icon-ai-eye">650</i></span>
								<span class="time">3月28日07：35：30</span>
							</div>
						</div>
					</li>
					<li class="swiper-slide">
						<a href=""><img src="img/lunbo.jpg" /></a>
					</li>
				</ul>
				<!--分页器-->
				<div class="swiper-pagination fenye"></div>
			</div>
			<!--主体内容-->
			<section>
				<ul class="content clearfix clear">
					<li class="fl">
						<div class="newsI"><a href="article_2.html"><img src="img/article_01.jpg"/></a></div>
						<p class="newsIf"><a href="article_2.html">海天“晒“宴，和汪涵一起， 参观海天酱油海天<br />“晒“宴，和汪涵一起， 参观海天酱油</a></p>
						<div class="newPin">
							<span>营销</span>
							<i class="iconfont icon-bqxin"></i>
							<span>120</span>
							<i class="iconfont icon-ai-eye"></i>
							<span>250</span>
						</div>
						<div class="newTo">
							<div><img src="img/mx-nologin.png"/></div>
							<span>叶倩岚</span>
							<span>2015.15.32.</span>
						</div>
					</li>
					<li class="fr">
						<div class="newsI"><a href="article_2.html"><img src="img/article_01.jpg"/></a></div>
						<p class="newsIf"><a href="article_2.html">海天“晒“宴，和汪涵一起， 参观海天酱油海天<br />“晒“宴，和汪涵一起， 参观海天酱油</a></p>
						<div class="newPin">
							<span>营销</span>
							<i class="iconfont icon-bqxin"></i>
							<span>120</span>
							<i class="iconfont icon-ai-eye"></i>
							<span>250</span>
						</div>
						<div class="newTo">
							<div><img src="img/mx-nologin.png"/></div>
							<span>叶倩岚</span>
							<span>2015.15.32.</span>
						</div>
					</li>
					<li class="fl">
						<div class="newsI"><a href=""><img src="img/article_01.jpg"/></a></div>
						<p class="newsIf"><a href="">海天“晒“宴，和汪涵一起， 参观海天酱油海天<br />“晒“宴，和汪涵一起， 参观海天酱油</a></p>
						<div class="newPin">
							<span>营销</span>
							<i class="iconfont icon-bqxin"></i>
							<span>120</span>
							<i class="iconfont icon-ai-eye"></i>
							<span>250</span>
						</div>
						<div class="newTo">
							<div><img src="img/mx-nologin.png"/></div>
							<span>叶倩岚</span>
							<span>2015.15.32.</span>
						</div>
					</li>
					<li class="fr">
						<div class="newsI"><a href=""><img src="img/article_01.jpg"/></a></div>
						<p class="newsIf"><a href="">海天“晒“宴，和汪涵一起， 参观海天酱油海天<br />“晒“宴，和汪涵一起， 参观海天酱油</a></p>
						<div class="newPin">
							<span>营销</span>
							<i class="iconfont icon-bqxin"></i>
							<span>120</span>
							<i class="iconfont icon-ai-eye"></i>
							<span>250</span>
						</div>
						<div class="newTo">
							<div><img src="img/mx-nologin.png"/></div>
							<span>叶倩岚</span>
							<span>2015.15.32.</span>
						</div>
					</li>
					<li class="fl">
						<div class="newsI"><a href=""><img src="img/article_01.jpg"/></a></div>
						<p class="newsIf"><a href="">海天“晒“宴，和汪涵一起， 参观海天酱油海天<br />“晒“宴，和汪涵一起， 参观海天酱油</a></p>
						<div class="newPin">
							<span>营销</span>
							<i class="iconfont icon-bqxin"></i>
							<span>120</span>
							<i class="iconfont icon-ai-eye"></i>
							<span>250</span>
						</div>
						<div class="newTo">
							<div><img src="img/mx-nologin.png"/></div>
							<span>叶倩岚</span>
							<span>2015.15.32.</span>
						</div>
					</li>
					<li class="fr">
						<div class="newsI"><a href=""><img src="img/article_01.jpg"/></a></div>
						<p class="newsIf"><a href="">海天“晒“宴，和汪涵一起， 参观海天酱油海天<br />“晒“宴，和汪涵一起， 参观海天酱油</a></p>
						<div class="newPin">
							<span>营销</span>
							<i class="iconfont icon-bqxin"></i>
							<span>120</span>
							<i class="iconfont icon-ai-eye"></i>
							<span>250</span>
						</div>
						<div class="newTo">
							<div><img src="img/mx-nologin.png"/></div>
							<span>叶倩岚</span>
							<span>2015.15.32.</span>
						</div>
					</li>
				</ul>
				<div class="jiaZ">加载更多</div>
			</section>
			<!--页脚-->
			<footer>
				<ul class="nav">
					<li>
						<a href="index.html"><i class="iconfont icon-home"></i></a>
						<a href="index.html">首页</a>
					</li>
					<li>
						<a href="course_2.html"><i><img src="img/index_tubiao.png"/></i></a>
						<a href="course_2.html">GIMC</a>
					</li>
					<li>
						<a href="article.html"><i class="iconfont icon-pen"></i></a>
						<a href="article.html">文章</a>
					</li>
					<li>
						<a href="resource.html"><i class="iconfont icon-gongxiangtubiaozhuangtaileicaozuolei34"></i></a>
						<a href="resource.html">资源</a>
					</li>
					<li>
						<a href="course.html"><i class="iconfont icon-xueshimao"></i></a>
						<a href="course.html">学院</a>
					</li>
				</ul>
			</footer>
		</div>
		<!--搜索弹出-->
		<div class="s_search">
			<div class="tuichu">
				<label for="s_search"><img src="img/login_close.png"/></label>
				<div class="search">
					<i class="iconfont icon-sousuo"></i>
					<input type="search" name="" id="" value="" placeholder="Search" />
				</div>
			</div>
			<div class="search_main">
				<h3>热搜</h3>
				<div>
					<span><a href="">省广股份</a></span>
					<span><a href="">移动互联网</a></span>
					<span><a href="">细分平台业务</a></span>
					<span><a href="">O2O</a></span>
					<span><a href="">媒介平台</a></span>
					<span><a href="">拥抱变革，创造未来</a></span>
					<span><a href="">平台</a></span>
					<span><a href="">上海金投赏创意节</a></span>
				</div>
			</div>
		</div>
		<script src="js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			var kv = new Swiper(".kv", {
				loop: true,
				autoplay: true,
				//分页器
				pagination: {
					el: ".swiper-pagination"
				}
			})
			//鼠标滑过pagination控制swiper切换
			for(i = 0; i < kv.pagination.bullets.length; i++) {
				kv.pagination.bullets[i].index = i + 1
				kv.pagination.bullets[i].onmouseover = function() {
					kv.slideTo(this.index);
				};
			}
		</script>
	</body>

</html>